p {
  margin: 0;
}

$header-height: 64px;
$footer-height: 70px;

$margin-tops: (
  4: 4px,
  5: 5px,
  6: 6px,
  8: 8px,
  10: 10px,
  12: 12px,
  14: 14px,
  15: 15px,
  16: 16px,
  18: 18px,
  20: 20px,
  22: 22px,
  24: 24px,
  26: 26px,
  28: 28px,
  30: 30px,
  32: 32px,
  40: 40px,
);
@each $topKey, $top in $margin-tops {
  .mt-#{$topKey} {
    margin-top: $top;
  }
  .mb-#{$topKey} {
    margin-bottom: $top;
  }
  .ml-#{$topKey} {
    margin-left: $top;
  }
  .mr-#{$topKey} {
    margin-right: $top;
  }
  .pdt-#{$topKey} {
    padding-top: $top;
  }
  .pdb-#{$topKey} {
    padding-bottom: $top;
  }
  .pdl-#{$topKey} {
    padding-left: $top;
  }
  .pdr-#{$topKey} {
    padding-right: $top;
  }
  .bor-#{$topKey} {
    border-radius: $top;
  }
  .lh-#{$topKey} {
    line-height: $top;
  }
}

$font-size: (
  12: 12px,
  16: 16px,
  18: 18px,
  20: 20px,
  24: 24px,
  26: 26px,
  28: 28px,
  30: 30px,
  32: 32px,
  36: 36px,
  38: 38px,
  40: 40px,
  44: 44px,
  48: 48px,
);
@each $fontKey, $font in $font-size {
  .fs-#{$fontKey} {
    font-size: $font;
  }
}

.half1px {
  position: relative;
  &::before {
    content: '';
    position: absolute;
    top: 0px;
    width: 100%;
    height: 1px;
    background-color: #00000080;
    transform: scaleY(0.5);
    transform-origin: 50% 0%;
  }
}

.operate-line {
  margin: 10px 0;
  .ant-btn + .ant-btn {
    margin-left: 10px;
  }
}

.full-size {
  width: 100%;
  height: 100%;
}

.tac {
  text-align: center;
}

.pointer {
  cursor: pointer;
}
.font333 {
  color: #333;
}
.font666 {
  color: #666;
}
.font999 {
  color: #999;
}
// flex attribute start
.df {
  display: flex;
}

.dif {
  display: inline-flex !important;
}

.aic {
  align-items: center;
}
.aie {
  align-items: flex-end;
}

.jcc {
  justify-content: center;
}

.jcsb {
  justify-content: space-between;
}

.fdc {
  flex-direction: column;
}

.f1 {
  flex: 1;
}

.fww {
  flex-wrap: wrap;
}

.float-r {
  float: right;
}
.bold {
  font-weight: bold;
}
.line {
  border-bottom: 1px solid #999;
}
.text-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mga {
  margin: 0 auto;
  text-align: center;
}
.margauto {
  margin-left: auto;
}
.overflow-xy {
  overflow-x: hidden;
  overflow-y: auto;
}

.van-cell.van-login-field {
  padding: 0 !important;
}
